<template>
	<view class="all">
		<cu-custom bgColor="bg-blue" :isBack="true">
			<block slot="content">学校详情</block>
		</cu-custom>
		<view class="blue">
			<view></view>
			<view></view>
			<!-- <Select class="select">
			       <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
			</Select> -->
			<text class="ganzhou">南昌</text>
			<image src="../../static/down_arrow.png" class="arrow"></image>
			<view class="text">高校实训平台</view>
			<view class="tip">高校和企业实训的合作平台</view>
		</view>
		<view class="rank">
			<view class="orange">
				<view class="bag1">
					<view class="plate1">
						<view class="cooperate" @click="skip()">高校合作</view>
						<view class="integrate">整合本地高校学生</view>
					</view>
						<view class=" sign-one iconfont icon-shixisheng"></view>
					<!-- <view class="bag_1"><image class="mine" src="../../static/academic.png"></image></view>	 -->
				</view>
			</view>
			
			<view class="l_blue">
				<view class="bag2">
					<view class="plate2">
						<view class="training" @click="skip()">企业实训</view>
						<view class="provide">为学生提供实训机会</view>

					</view>
					<view class="iconfont icon-qiye1"></view>
				</view>
			</view>
		</view>
		<view>
			<view><text class="recommendation">企业推荐</text>
				<view class="more">更多</view>
			</view>
			<view class="line"></view>
		</view>
		<view class="cu-list menu-avatar">
			<view class="cu-item">
				<view class="cu-avatar round lg" style="background-image:url(../../static/wzh.png);"></view>
				<view class="content">
					<view>
						<view class="text-black">赣州唯宅汇科技有限公司</view>

					</view>
					<view class="text-gray text-sm flex">
						<view class="text-cut">
							<view>互联网、电子商务 计算机软件</view>
							<view>民营|100-499人</view>
						</view>
					</view>
				</view>
				<view class="action">
					<text class="cuIcon-right text-gray"></text>
				</view>
			</view>
			<view class="cu-item">
				<view class="cu-avatar round lg" style="background-image:url(../../static/wzh.png);"></view>
				<view class="content">
					<view>
						<view class="text-black">赣州唯宅汇科技有限公司</view>

					</view>
					<view class="text-gray text-sm flex">
						<view class="text-cut">
							<view>互联网、电子商务 计算机软件</view>
							<view>民营|100-499人</view>
						</view>
					</view>
				</view>
				<view class="action">
					<text class="cuIcon-right text-gray"></text>
				</view>
			</view>
			<view class="cu-item">
				<view class="cu-avatar round lg" style="background-image:url(../../static/wzh.png);"></view>
				<view class="content">
					<view>
						<view class="text-black">赣州唯宅汇科技有限公司</view>

					</view>
					<view class="text-gray text-sm flex">
						<view class="text-cut">
							<view>互联网、电子商务 计算机软件</view>
							<view>民营|100-499人</view>
						</view>
					</view>
				</view>
				<view class="action">
					<text class="cuIcon-right text-gray"></text>
				</view>
			</view>
			<view class="cu-item">
				<view class="cu-avatar round lg" style="background-image:url(../../static/wzh.png);"></view>
				<view class="content">
					<view>
						<view class="text-black">赣州唯宅汇科技有限公司</view>

					</view>
					<view class="text-gray text-sm flex">
						<view class="text-cut">
							<view>互联网、电子商务 计算机软件</view>
							<view>民营|100-499人</view>
						</view>
					</view>
				</view>
				<view class="action">
					<text class="cuIcon-right text-gray"></text>
				</view>
			</view>
		</view>
		<!-- <view class="box">
			<view class="cu-bar tabbar bg-white foot">
				<view class="action">
					<view class="cuIcon-cu-image">
						<image src="/static/tabbar/basics_cur.png"></image>
					</view>
					<view class="text-green">元素</view>
				</view>
				<view class="action">
					<view class="cuIcon-cu-image">
						<image src="/static/tabbar/component.png"></image>
					</view>
					<view class="text-gray">组件</view>
					<text class="cuIcon-&#xe67f"></text>
				</view>
			</view>
		</view> -->
		<view class="cu-bar tabbar bg-white foot">
			<view class="action">
				<view class="cu-item" :class="0==TabCur?'text-blue cur':''" @tap="tabSelect" data-id="0">
					<!-- <image class="mine" src="../../static/mine.png">首页</image> -->
					<view class="iconfont icon-ziyuan"></view>
					<view class="foot">首页</view>
				</view>
			</view>
			<view class="action">
				<view class="cu-item" :class="1==TabCur?'text-blue cur':''" @tap="tabSelect" data-id="1">
					<!-- <view class="cuIcon-people">
					</view> -->
					<view class="iconfont icon-wode4"></view>
					<view class="foot">我的</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				token: '',
				cityList: [{
						value: '赣州',
						label: '赣州'
					},
					{
						value: '南昌',
						label: '南昌'
					},
					{
						value: '九江',
						label: '九江'
					},

				],
				TabCur: 0,
				is_login: false,
			}
		},
		onLoad() {
			this.gettoken()
		},
		methods: {
			gettoken() {
				this.token = uni.getStorageInfoSync('token')
				if (this.token) {
					this.is_login = !this.is_login
				}

			},
			skip() {
				if (this.is_login == true) {
					uni.reLaunch({
						url: '../index/login'
					})
				} else {
					uni.reLaunch({
						url: './attendance'
					})
				}
			},
			bindPickerChange: function(e) {
				console.log('picker发送选择改变，携带值为', e.target.value)
				this.index = e.target.value
			},
			tabSelect(e) {
				this.TabCur = e.currentTarget.dataset.id;
				console.log(this.TabCur)
				this.scrollLeft = (e.currentTarget.dataset.id - 1) * 60
			},


		}
	}
</script>

<style>
	.all {
		background-color: #ffffff;
		.width: 1000rpx;
		height: 1625rpx;
	}

	.select {
		background-color: #0081FF;
		border: #ffffff;
		color: #ffffff;
	}

	.blue {
		background-color: #0081FF;
		width: 750rpx;
		height: 400rpx;
	}

	.text {
		color: #ffffff;
		font-size: 60rpx;
		position: absolute;
		top: 200rpx;
		left: 25rpx;

	}

	.tip {
		color: #ffffff;
		font-size: 30rpx;
		background: rgba(0, 0, 0, 0.2);
		border-radius: 20rpx 20rpx 20rpx 20rpx;
		text-align: center;
		width: 400rpx;
		position: absolute;
		top: 300rpx;
		left: 25rpx;
	}

	.rank {
		display: flex;
	}

	.orange {
		background-color: #FAEBD7;
		width: 350rpx;
		height: 150rpx;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		margin: 50rpx 20rpx 50rpx 50rpx;
	}

	.bag1 {
		display: flex;
		margin: 30rpx;
	}

	.l_blue {
		background-color: #E6E6FA;
		width: 350rpx;
		height: 150rpx;
		border-radius: 10rpx 10rpx 10rpx 10rpx;
		margin: 50rpx 50rpx 50rpx 20rpx;
	}

	.bag2 {
		margin: 30rpx;
	}

	.plate1 {
		width: 230rpx;
		height: 150rpx;
		float: left;
		color: orange;
	}

	.cooperate {
		font-size: 35rpx;
	}

	.integrate {
		font-size: 20rpx;
		color: grey;
		margin: 5rpx;
	}

	.plate2 {
		color: #1E90FF;
	}

	.training {
		font-size: 35rpx;
	}

	.provide {
		font-size: 20rpx;
		color: grey;
		margin: 5rpx;
	}

	.recommendation {
		font-weight: 600;
		font-size: 35rpx;
		margin: 15rpx;
	}

	.more {
		color: gray;
		float: right;
		margin: 5rpx 30rpx 5rpx 15rpx;
	}

	.line {
		border-top: solid #DDDDDD 1rpx;
		margin: 10rpx 0rpx 10rpx 0rpx;
	}

	.mine {
		width: 40rpx;
		height: 50rpx;
		color: orange;
	}

	.bag_1 {
		position: absolute;
		top: 600rpx;
		left: 300rpx;
		color: orange;
	}

	.iconfont {
		font-size: 40rpx;
	}

	.foot {
		margin-top: 10rpx;
	}

	.sign-one {
		font-size: 55px;
		color: #F37B1D;

	}

	.arrow {
		width: 50rpx;
		height: 50rpx;
		vertical-align: middle;
	}

	.ganzhou {
		margin-left: 20rpx;
		display: inline-block;
		vertical-align: middle;
		color: white;
	}
</style>
